<template>
  <!-- 项目考核-部门考核 6-1新增-->
  <div class="common-wrap">
    <h3>部门考核新增</h3>
    <a-form :form="form">
      <a-form-item label="项目名称" :label-col="{ span: 2 }">
        <a-select size="large" v-decorator="[
          '请输入项目名称',
          {rules: [{ required: true, message: '请输入请输入项目名称' }]}
        ]" placeholder="请输入请输入项目名称">
          <a-select-option value="项目A">
            项目A
          </a-select-option>
        </a-select>
      </a-form-item>

        <a-form-item label="开票金额" :label-col="{ span: 2 }">
          <a-input size="large" disabled="true" v-decorator="[
          '开票金额',
          {rules: [{ required: true, message: '请输入开票金额' }]}
        ]" />
        </a-form-item>
        <a-form-item label="暂估收入" :label-col="{ span: 2 }">
          <a-input size="large" placeholder="请输入暂估收入" v-decorator="[
          '暂估收入',
          {rules: [{ required: true, message: '请输入暂估收入' }]}
        ]" />
        </a-form-item>
      <a-form-item label="年份" :label-col="{ span: 2 }">
        <a-input size="large" placeholder="请输入年份" v-decorator="[
          '年份',
          {rules: [{ required: true, message: '请输入年份' }]}
        ]" />
      </a-form-item>
      <a-form-item label="累计考核" :label-col="{ span: 2 }">
        <a-input size="large" placeholder="请输入累计考核" v-decorator="[
          '累计考核',
          {rules: [{ required: true, message: '请输入累计考核' }]}
        ]" />
      </a-form-item>
      <a-form-item label="剩余考核" :label-col="{ span: 2 }">
        <a-input size="large" placeholder="请输入剩余考核" v-decorator="[
          '剩余考核',
          {rules: [{ required: true, message: '请输入剩余考核' }]}
        ]" />
      </a-form-item>

      <a-form-item>
        <div class="sumbitButton">
          <a-button type="primary" class="buttonColorGreen" size="large">提交</a-button>
          <a-button class="buttonColorWhite" size="large" @click="cancel">取消</a-button>
        </div>
      </a-form-item>
    </a-form>
  </div>
</template>

<script>
export default {
  props: {
    assessAddShow: Boolean
  },
  data() {
    return {
      form: this.$form.createForm(this)
    }
  },
  methods: {
    cancel() {
      this.$emit('update:assessAddShow', false)
    }
  }
}
</script>

<style scoped>
h3 {
  margin-bottom: 25px;
}
>>> .ant-input,
>>> .ant-select {
  width: 300px;
}
.sumbitButton {
  display: flex;
  justify-content: center;
  margin-bottom: 50px;
}
.sumbitButton button {
  margin: 20px 30px;
}
</style>

